<template>
  <div id="app">
      <div class="billcontent">
          <div class="billbox">
              <h3>发票明细</h3>
              <p>开具类型: &nbsp;<span>企业</span></p>
              <p>发票类型: &nbsp;<span>增值税普通发票</span></p>
              <p>发票金额: &nbsp;<span>￥3999.00</span></p>
              <p>购买物品: &nbsp;<span>升级帐号为【专业版】</span></p>
              <p>发票抬头: &nbsp;<span>广西集英科技有限责任公司</span></p>
              <p>申请时间: &nbsp;<span>2017-12-15 10:12:60</span></p>
          </div>
          <div class="billbox">
              <h3>收件信息</h3>
              <p>&nbsp;&nbsp;&nbsp;收件人: &nbsp;<span></span></p>
              <p>收件地址: &nbsp;<span>南宁市长湖路23号地王国际商会中心</span></p>
              <p>邮政编码: &nbsp;<span></span></p>
              <p>联系电话: &nbsp;<span></span></p>
          </div>
          <div class="billbox">
              <h3>快递信息</h3>
              <div class="itemlist">
                  <p>快递公司: </p>
                  <select>
                      <option>选择快递公司</option>
                      <option>2</option>
                      <option>3</option>
                  </select>
              </div>
              <div class="itemlist">
                  <p>快递单号: </p>
                  <input type="text" placeholder="输入快递单号">
              </div>
          </div>
      </div>
      <router-link to="/billmanage" class="billbtn">确认</router-link>
  </div>
</template>

<script>
  export default {
      name: 'billedit',
      data: function () {
          return {

          }
      }
  }
</script>

<style scoped>
    .billcontent{
        padding: 0.75rem;
    }
    .billbox{
        padding: 0.75rem;
        border:1px #ddd solid;
        background: #fff;
        border-radius:6px;
        margin-bottom: 0.75rem;
    }
    .billbox h3,.billbox p{
        margin-bottom: 0.75rem;
    }
    .billbox p span{
        color:#999;
    }
    .itemlist{
        display: flex;
        align-items: center;
        margin-bottom: 0.75rem;
    }
    .itemlist p{
        margin-right: 0.75rem;
        margin-bottom: 0;
    }
    .itemlist select,.itemlist input {
        padding: 0.5rem;
        border-radius: 6px;
        border:1px solid #ddd;
        color:#999;
        outline: none;
        -webkit-outline: none;
    }
    .billbtn{
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        background: #3cb034;
        color: #fff;
        font-size: 0.9rem;
        text-align: center;
        padding: 0.8rem 0;
    }
</style>